/*//////////////////////////////////////////////////

/Designed by selemet , special for  johncms.com

/////////////////////////////////////////////////*/

body {

  background:#F4F4FE url(images/bg.png);

  color: #000000;

  font-family: Tahoma, Arial, sans-serif;

  font-size: small;

  max-width: 700px;

  margin: 0 auto;

  padding: 0;

}



a:active {

  color: #666600;

}



a:hover {

  color: #FF0000;

  text-decoration: underline;

}



a:link, a:visited {

  color: #FF0000;

  text-decoration: none;


}

form {

  font-size: small;

  margin: 0;

  padding: 0;

}



h3 {

  margin: 0;

  padding: 0 0 2px 0;

}



hr {

  border: 0;

  border-top: 1px solid gray;

  margin: 0;

}



p {

  margin-bottom: 6px;

  margin-top: 6px;

}



textarea {

  width: 99%;

  max-width: 640px;

  border:1px solid #ADB7BF;

  padding:5px;

  margin-bottom:3px;

  border-radius: 2px;

}



ul {

  margin: 0;

  padding-left: 20px;

}

input ,select{

  border:1px solid #ADB7BF;

  padding: 3px;

  border-radius: 2px;

}

input[type="submit"] {

  background: #E3E8EA;

  padding: 3px 5px;

}

.alarm {

  background-color: #F23439;

  border-bottom: 1px solid #CB1A1C;

  color: #ffffff;

  font-weight: bold;

  padding:4px;

}



.bblist {

  color: #4A5663;

  background: transparent url(../../images/dot.gif) no-repeat left;

  padding: 0px 0px 0px 10px;

}



.bmenu {

  background-color: #D3D8DB;

  border-bottom: 1px solid #bbb;

  margin: 1px 0px;

  padding: 2px 4px 4px 4px;

}



.end {

  text-align: center;

}



.fmenu {

  background-color: #E8E8FF;

  border-top: 1px solid #D6D6F7;

  border-left: 1px solid #D3D8DE;

  border-right: 1px solid #D3D8DE;

  color: #FFFFFF;

  margin-top: 7px;

  padding: 6px;

}



.footer {

  background: #11B7C3;

  color: #fff;

  margin: 0;

  padding: 10px;

}

.footer-bot {
  background: #fff;
  color: #008d96;
  margin: 0;
  padding: 10px;
  border-bottom:1px solid #D3D8DE;
  border-left:1px solid #D3D8DE;
  border-right:1px solid #D3D8DE;
}

.func {

  border-left: 4px solid #9acd32;

  color: #757575;

  font-size: x-small;

  margin-left: 2px;

  margin-top: 4px;

  padding-left: 4px;

}



.gmenu {

  background-color: #FFFFFF;

  margin: 1px 0px;

  border-bottom: 1px solid #DBEDD3;

  padding: 3px 4px 3px 4px;

}



.gray {

  color: #586776;

}



.greply {

  border-left: 4px solid #009900;

  color: #009900;

  padding: 2px 0 2px 4px;

}



.hdr {

  background-color: #f1f1f1;

  border-bottom: 1px solid #595959;

  font-weight: bold;

  padding-left: 2px;

}

.logo {

  background: #FFFFFF;

  padding:0px;

}

.header {
  background: #8d0100;
  color: #fff;
  margin: 0;
  font-size:12px;
  font-weight:bold;
}



.left {

  float: left;

}



.list1 {

  background-color: #fff;

  border-bottom: 1px solid #D8DEE5;

  text-shadow:0px 1px #fff;

  margin: 1px 0px;

  padding: 5px;

  color: #222;

}



.list2 {

  text-shadow:0px 1px #f0f0f0;

  background-color: #fff;

  border-bottom: 1px solid #D8DBE3;

  margin: 1px 0px;

  padding: 5px;

  color: #222;

}

.list1 a:link ,.list1 a:visited ,.list2 a:link ,.list2 a:visited {

  color:#393698;

  text-decoration: underline;

}

.list1 a:hover ,.list2 a:hover {

  color: #D15D34;

  text-decoration: underline;

}

.spoilerhead {

  background: #E8E8F2;

  color: #211F67;

  padding: 3px;

  border: 1px  solid #9898AD;

}

.spoilerbody {

  background: #FAFAFC;

  border: 1px solid #AFAFC4;

  border-top: none;

  padding: 4px;

  color:#333;

  border-radius: 0px 0px 3px 3px;

}

.maintxt {

  background: #fff;

  font-weight: normal;

  margin: -6px 0px -6px 0px;

  padding: 0px;

  border-left: 1px solid #D3D8DE;

  border-right: 1px solid #D3D8DE;

}

.maintxt p a:link ,.maintxt p a:visited{

  padding-left: 8px;

}

.menu {

  color: #444;

  background-color: #F7F7FF;

  padding: 3px 8px;

}

.menu a:link ,.menu a:visited {

  color:#273E6A;

  text-decoration: none;

}

.news {

  background-color: #EDEDF7;

  border: 1px solid #ddd;

  margin: 2px;

  color: #2E2E43;

  font-size: x-small;

  padding: 3px 4px 4px 4px;

}
.phdr-top {
  background-color: #ff8a00;
  border-top: 1px solid #BFC4CB;
  border-bottom: 1px solid #B4B9C1;
  padding: 6px 8px;
  color: #FFFFFF;
  text-transform:uppercase;
}
.phdr {
  background-color: #11b7c3;
  border-top: 1px solid #BFC4CB;
  border-bottom: 1px solid #B4B9C1;
  padding: 6px 8px;
  color: #FFFFFF;
  text-transform:uppercase;
}

.phdr a:link ,.phdr a:visited, .phdr-top a:link ,.phdr-top a:visited{ color: #FFFFFF; }

.phpcode {

  background-color: #E0E6E9;

  border: 1px dotted #9FAEBB;

  margin-top: 4px;

  padding: 0 2px 0 2px;

  /*overflow: auto;*/

}



.quote {

  border-left: 4px solid #c0c0c0;

  color: #878787;

  font-size: x-small;

  margin-left: 2px;

  padding: 2px 0 2px 4px;

}



.reply {

  border-left: 4px solid #EE0000;

  color: #EE0000;

  padding: 2px 0 2px 4px;

}



.rmenu {

  background-color: #EAC4D3;

  border-bottom: 1px solid #E3B9C9;

  margin: 1px 0px;

  padding:4px;

  color: #172C34;

}



.sitemap {

  background-color: #eeecd9;

  margin: 0;

  padding: 2px 4px 3px 4px;

  font-size: xx-small;

  height: 38px;

  overflow: auto;

}



.status {

  color: #CD853F;

  font-size: x-small;

  font-weight: bold;

  padding-left: 0;

}



.sub {

  border-top: 1px dotted #ccc;

  font-size: x-small;

  margin-top: 4px;

}



.tmn {

  background-color: #F3F3F3;

  border-bottom: 1px solid #D6D6F7;

  border-left: 1px solid #D3D8DE;

  border-right: 1px solid #D3D8DE;

  color: #52432C;

  margin-bottom: 6px;

  padding: 5px;

}



.topmenu {

  background-color: #EDEDF2;

  padding: 4px 8px;

  font-size: 12px;

  color: #555;

  border-bottom: 1px solid #ddd;

}



.topmenu input{

  font-size: x-small

}



.user {

  background-color: #E3E5E8;

  margin: 1px 0px;

  border-bottom: 1px solid #C6CED3;

  padding: 3px 4px 3px 4px;

}

.user .gray {

  color: #2E2E31;

}

.alarm a:link, .alarm a:visited {

  color: #FFFFFF;

  font-size: x-small;

}



.clip a:link, .clip a:visited {

  color: #424e59;

}



.footer a:link, .footer a:visited {

  color: #fff;

  text-decoration: none;

}

.footer a:hover {

  text-decoration: underline;

}

.green, .green a:link, .green a:visited {

  color: #008000;

}



.greply a:link, .greply a:visited {

  color: #008800;

}



.red, .red a:link, .red a:visited {

  color: #FF0000;

}



.reply a:link, .reply a:visited {

  color: #DD0000;

}



.sub a:link, .sub a:visited {}



.tmn a:link, .tmn a:visited, .fmenu a:link, .fmenu a:visited {

  color: #444;

  text-decoration: none;

}

.fmenu a:hover,.tmn a:hover ,.gmenu a:hover ,.bmenu a:hover ,.menu a:hover ,.tmn a:hover{

  color: #0D1FE0;

  text-decoration: underline;

}

.currentpage {

    background-color: #fff;

    border: 1px solid #ADB7BF;

    border-radius: 2px;

    padding: 1px 6px;

}



a.pagenav {

    border: 1px solid #C1CBD3;

    padding: 0px 3px 0px 3px;

    text-decoration: none;

    border-radius: 2px;

    padding: 0px 5px;

}



a.pagenav:hover {

    background-color: #F5F7F7;

    border: 1px solid #A0AAB4;

}

/*//////////////////////////////////////////////////

/Designed by selemet , special for johncms.com

/////////////////////////////////////////////////*/

.blockModule, .linkDownload {margin:3px;}
.blockModule h3 {
    -moz-border-radius: 5px 5px 0 0;
    background: #ff8a00;
    color: #FFFFFF;
    height: 31px;
    line-height: 31px;
    margin-bottom: 0;
    padding: 0 6px;
}
.blockModule .block-cont {
    background: none repeat scroll 0 0 #F2F2F2;
    border-color: -moz-use-text-color #DFDFDF #DFDFDF;
    border-right: 1px solid #DFDFDF;
    border-style: none solid solid;
    border-width: medium 1px 1px;
    padding: 6px;
	height:50px;
}
.linkDownload h3 {
    -moz-border-radius: 5px 5px 0 0;
    background: #11b7c3;
    color: #FFFFFF;
    height: 31px;
    line-height: 31px;
    margin-bottom: 0;
    padding: 0 6px;
}
.getlinkContent {
    background: none repeat scroll 0 0 #F2F2F2;
    border-bottom: 1px solid #C3C3C3;
    border-top: 1px solid #C3C3C3;
    padding: 5px 6px;
}
.getlinkContent p {
    color: #616161;
    font-size: 90%;
    margin-bottom: 5px;
}
.getlinkContent input {
    -moz-border-radius: 5px 5px 5px 5px;
    border: 1px solid #D4D1BB;
}
.getlinkContent a {
    color: #0A74C6;
    overflow: hidden;
    text-decoration: none;
}
.comment-item {
    clear: both;
    padding: 0 9px 0 10px;
    position: relative;
}
.avatar {
    display: block;
    float: left;
    height: 30px;
    margin-right: 10px;
    max-width: 30px;
    padding: 2px;
}
.comment-item p {
    -moz-border-radius: 3px 3px 3px 3px;
    border: 1px solid #DFDFDF;
    margin-left: 45px;
    padding: 5px;
    position: relative;
}
.comment-item p span {
    display: block;
    margin-top: 0;
}
.comment-item p span {
    display: block;
    margin-top: 0;
}
span.comment-time {
    color: #888888;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 0;
}
.comment-item p span.comment-content {
    padding-top: 4px;
}
.comment-content {
    border-top: 1px solid #DFDFDF;
}
.contract {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 3px 4px 4px;
}
ul.content_contract {
    list-style: none outside none;
    margin-left: -20px;
}
ul.content_contract li {
    display: block;
    padding: 4px 0;
}
ul.menu-top {
    height: 30px;
    list-style: none outside none;
    position: relative;
	padding-left:2px;
}
ul.menu-top li.item {
    /*background: url("images/menuTopSpe.png") no-repeat scroll right center transparent;*/
    float: left;
    height: 30px;
    padding-left: 5px;
    padding-right: 8px;
}
ul.menu-top li.item.active a.label, ul.menu-top li.item:hover a.label {
    background: url("../images/menuTopBg1goL.png") no-repeat scroll 0 0 transparent;
    color: #ff4c19;
}
ul.menu-top li.item a.label {
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    line-height: 30px;
    padding-left: 3px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #193339;
	text-transform:uppercase;
}
ul.menu-top li.item a.label span b.icon-home i {
    display: none;
}
ul.menu-top li.item a.label span b.icon-home {
    background: url("images/icon-home.png") no-repeat scroll transparent;
    display: inline-block;
    font-size: 0;
    height: 24px;
    margin-top: 3px;
    width: 24px;
}
.loginForm {
    background: none repeat scroll 0 0 #FFFFFF;
    padding: 6px;
	margin: 3px;
}
.loginForm h3, .loginForm p {
    margin-bottom: 10px;
}
.loginForm label {
    display: block;
    margin-bottom: 3px;
}
.loginForm input {
    padding: 5px;
    width: 96%;
	-moz-border-radius: 5px 5px 5px 5px;
	border:1px solid #D4D1BB;
}
.loginForm .input-remember {
    width: auto;
}
.loginForm  a {
    color: #0A74C6;
    overflow: hidden;
    text-decoration: none;
}
.embed_box {
    border-bottom: 1px solid #d6d6d6;
    clear: both;
    font-family: arial;
    padding: 5px;
}
.embed_box .meta_box a {
	color: #313131;
	font-weight:bold;
}
.hot{
    background: url("images/icon-hot.png") no-repeat scroll right top transparent;
}
.new{
    background: url("images/icon-new.png") no-repeat scroll right top transparent;
}
.update{
    background: url("images/icon-apdate.png") no-repeat scroll right top transparent;
}
.dichvu {
	float:left;
	width:100%;
}
.ldichvu {
	margin:5px;
	padding:5px;
	width:47%;
	float:left;
	background:#f3f3f3;
	height:65px;
}
.ldichvu img{
	float:left;
	padding-right:10px;
}
.ldichvu p{
	color:#000;
}
.icon-button {
    background: url("http://baocao.tiennhanh.com/statics/cupcake/img/iconbutton-bg.png") repeat-x scroll center bottom #FFFFFF;
    border-color: #CDDCEA #CDDCEA #B8C6D2;
    border-style: solid;
    border-width: 1px;
    margin: 2px;
    padding: 4px 10px;
}
#data {
	display:none;
}
@media only screen and (max-width: 768px){
	img{max-width:580px}
}

@media only screen and (max-width: 480px) {
	img{max-width:320px}
	.ldichvu{width:40%;height:100px;}
	ul.menu-top{height:58px;}
}

@media only screen and (device-width: 320px) {
	img{max-width:280px}
	.ldichvu{width:40%;height:100px;}
	ul.menu-top{height:58px;}
}